First, the Basic principles1, User Experience principle UCD, user-CENTRIC design2. Design pattern is a reusable design specification implementation3, anti-pattern is a typical bad design, and strive to avoid the use of4, test mode-beyond the existing concept and mobile status of the design, is expected to become the ne
Software Engineering-UI prototype design, software engineering-ui prototype
After today's discussion, our group initially provided the design scheme.
After one night of installation, mockupBuilder finally draws several prototype
if you want to subscribe to this blog content, automatically sent to your mailbox every day, please click here.Blue-Blue design is a Beijing-located interface design company, will often receive mobile app interface design projects, such as to a seaweed to do the overseas shopping a
The Apple website looked at the introduction of IOS 11, found that there are many updates oh, such as control center, Siri, Live Photo, and so on, generally have a lot of good experience, but this article does not introduce features, only the visual interface.In the new UI interface for IOS 11, the major update interface has the App Store, so I can see some general details from the
and navigation. So that they can quickly get the information they need, and cherish each user's input operation. (You can simply touch and enter text to add new tasks to the Taskos app.) Of course, you can also modify many settings, but these are just optional actions. )3. Contrast Ratio Your development environment may be a room with a large screen and light, but the environment for users to use the app m
Http://www.cocoachina.com/design/20150703/12029.htmlBone9The goodness-of-heart effect has become an essential part of an app, and it's natural to follow the trend as a designer. The dynamic effect in the app can be divided into two categories, one is the transition dynamic effect, the application in the page switching, loading, etc., this kind of dynamic effect c
room with a large screen and light, but the environment for users to use the app might not be the case. Although we do not want to, but we do often need to use the mobile device in a strong sunlight environment. This can have a big impact on our viewing screen, which should be taken into account when designing the interface. Under these poor conditions, the details can be lost, the color is unclear, and some elements disappear completely due to sunli
query Android, IOS, WP7 even GoogleTV app information, there is a vague total download volume and the current month downloads, the website shows BlackBerry data, but not yet available.6. Flurry, Website: http://www.flurry.com/This is now a more famous one, a lot of enterprise analysis data from this site.Second, prototype production tools1. Axure RP, which is one of my most familiar prototype design
uniform standard for mobile-phone web pages, and the popular practice is to design the iphone 5 in size. Magnification 2, logic pixel 320x568.This is true, magnification 2 screen in both iOS and Android is the mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the p
mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the picture is not particularly clear.If the pursuit of image quality, willing to sacrifice loading speed, then you can follow the largest screen to design. That is, the iphone 6 Plus size, magnification 3, logic pi
In the context of more and more content, designers should reduce the interference of useless information so that users can quickly focus on the content itself, this "less is more" design thinking is what we often say the minimalist style. UI Design LearningThe simplest and most brutal rule to shape the app's minimalist style is:The deletion of non-functional elem
Case study: Designing a mobile app with a point-of-order function for a restaurantA function point:1. Mobile Login2. Package3. Recommended4. Snacks5. Beverages6. Shopping Cart7. Settings: Profile picture, Order history, membership level, promotionSecond drawing of Mind mapUsing the software: MindManagerLike thisThree-hand interactive diagramis to hand out the page design.Four
more content, swipe down to try to return to the top and then display.The bottom navigation bar can be dynamically displayed and hidden based on scrolling.Visual PleasureAvoid using lateral sliding motion to switch the interface. Active and inactive interfaces, toggle transitions should use the overlay fade effect.Overlay fade animations. Source: Tancheng Life Circle http://www.0539g.comSummarizeThe bottom navigation should: visible and structurally sound (use 3 to 5 top-level destinations and
This tutorial is intended to introduce my friends to the APP icon method of Photoshop design technology. the icons designed in this tutorial are very cool. the tutorials are very detailed and recommended, let's take a look at it. this tutorial introduces the APP icon method of Photoshop design technology-rich
According to the standard is sometimes too complicated, we currently have several practical and efficient practices:1, the icon satisfies the high definition (HDPI), this kind of icon is generally the small icon, for example: the upper right corner refreshes and so on2, there is a kind of icon, the interface reuse rate is super high, and the icon medium is large, such as: The bottom of the tab menu icon, the general design size to 3 sets, HDPI, XHDPI,
must be concise, the screen should be relatively lively and interesting, focusing on the most important tasks, reduce user thinking time, so that users are not lost in the unfamiliar application of the helpless, daunting.Third: Flat design is not necessarily flatPersonally, the use of what style of design, the product itself is the goal and to solve the problem to decide, the United States and ugly, easy t
After today's discussion, our group gave a preliminary design proposal.Installed a night of Mockupbuilder finally drew a few interface prototype, here need to spit groove under Mockupbuilder, this software is very useful, but the web version and stand-alone version of the features are not the same, feel the single version of a more complete, but the disadvantage is unable to save ...Home: (Preliminary idea
UI Designer:
1 ,(Strongly recommended !)Axure RP http://www.axure.org/quick prototyping software, developed by axure software solutions, Inc.
2. GUI Design Studio http://www.carettasoftware.com/
3. balsamiq mockups
4. (For Apple)OmnigraffleOmni GroupThis is only26 peopleAlthough there are few small companies, they
Topic Requirements
Refer to the "Software Design Specification" sample sent to the group and write the software Design specification of the team.
Please refer to the contents of each section of the template, and closely combine the substantive development of the team project.
Use UML tools to describe and gu
This tutorial describes how to use Photoshop to design a software APP icon consisting of a realistic and textured swimming ring. the icon texture produced by this tutorial is very good and recommended to PHP, this tutorial introduces the software APP icon method that uses Ph
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.